<!DOCTYPE html>
<html lang="zh-CN" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      layout:decorate="~{layout/personalCenterLayout.html}"
      xmlns:th="http://www.thymeleaf.org">


<body>
<!------------------------------idea------------------------------>
<!--<div class="address mt">
	<div class="wrapper clearfix">
		<a href="../index.html" class="fl">首页</a>
		<span>/</span>
		<a href="mygxin.html" class="on">个人信息</a>
	</div>
</div>-->
<!--个人中心     口子开始-->
<div id="personCenterLayout" layout:fragment="personCenterLayout">


    <!------------------------------Bott------------------------------>
    <div class="you fl">
        <h2>个人信息</h2>
        <div class="gxin" th:object="${user}">
            <div class="tx"><a href="#"><img src="img/tx.png"/><!--th:src="*{userPhoto}"-->
                <p id="avatar">修改头像</p></a></div>
            <div class="xx">
                <h3 class="clearfix"><strong class="fl">基础资料</strong><a href="#" class="fr" id="edit1">编辑</a>
                </h3>
                <div>姓名：<span th:text="*{username}">六六六</span></div>
                <div>昵称：<span th:text="*{nickName}">六六六</span></div>
                <div>性别：<span th:text="*{userSex}">女</span></div>
                <div>电话号码：<span th:text="*{userPhone}">130000000000</span></div>
                <div>生日：<span th:text="*{#dates.format(birthday, 'yyyy-MM-dd')}">4564546</span></div>
                <!--<h3>高级设置</h3>
                &lt;!&ndash;<div><span class="fl">银行卡</span><a href="#" class="fr">管理</a></div>&ndash;&gt;
                <div><span class="fl">账号地区：<span>中国</span></span><a href="#" class="fr" id="edit2">修改</a></div>
          -->  </div>
        </div>
        <!--遮罩-->
        <div class="mask"></div>
        <!--编辑弹框-->
        <div class="bj">

            <div class="clearfix"><a href="#" class="fr gb"><img src="../img/icon4.png"/></a>
            </div>
            <h3>编辑基础资料</h3>
            <form action="/user/revampGRXinXi" th:method="post" th:object="${user}">
                <input type="hidden" th:value="*{userId}" th:name="userId"></input>
                <p><label>姓名：</label><input th:name="username" type="text" value="姓名" th:value="*{username}"/></p>
                <p><label>昵称：</label><input th:name="nikeName" type="text" value="昵称" th:value="*{nickName}"/></p>
                <p>
                    <label>性别：</label>
                    <span><label>男:<input th:name="userSex" type="radio" name="userSex" th:checked="*{userSex=='男'}" value="男"/></label></span>
                    <span><label>女:<input th:name="userSex" type="radio" name="userSex" th:checked="*{userSex=='女'}" value="女"/></label></span>

                </p>
                <p><label>电话号码：</label><input th:name="userPhone" type="text" value="电话" th:value="*{userPhone}"/></p>
                <p><label>生日：</label><input th:name="birthday" th:value="*{#dates.format(birthday, 'yyyy-MM-dd')}"></input>
                    <!--<input th:name="birthday" type="date"   th:value="*{birthday}"/>--></p>

                <div class="bc">
                    <input th:type="submit" th:value="保存"/>
                    <input th:type="reset" th:value="取消"/>
                </div>
            </form>
        </div>
        <!--高级设置修改-->
        <!-- <div class="xg">
             <div class="clearfix"><a href="#" class="fr gb"><img src="img/icon4.png"/></a></div>
             <h3>切换账号地区</h3>
             <form action="#" method="get">
                 <p><label>姓名：</label><input type="text" value="六六六"/></p>
                 <div class="bc">
                     <input type="button" value="保存"/>
                     <input type="button" value="取消"/>
                 </div>
             </form>
         </div>-->
        <!--修改头像-->
        <div class="avatar">
            <div class="clearfix"><a href="#" class="fr gb"><img src="img/icon4.png"/></a></div>
            <h3>修改头像</h3>
            <form action="#" method="get">
                <h4>请上传图片</h4>
                <input type="button" value="上传头像"/>
                <p>jpg或png，大小不超过2M</p>
                <input type="submit" value="提交"/>
            </form>
        </div>
    </div>
</div>

<script layout:fragment="script">
    $("#edit1").click(function () {
        $(".mask").show();
        $(".bj").show();
    });

</script>


</body>
</html>
